<div id="status">
    <h2 class="mb-4">在线状态管理</h2>
    <table class="table table-striped table-hover">
        <thead>
        <tr>
            <th>用户名</th>
            <th>密码</th>
            <th>拉手端</th>
            <th>插卡端</th>
            <th>语音端</th>
        </tr>
        </thead>
        <tbody id="status-table-body">
        <!-- 动态加载的内容 -->
        </tbody>
    </table>

    <!-- 分页控件 -->
    <nav>
        <ul class="pagination" id="pagination">
            <!-- 动态生成分页按钮 -->
        </ul>
    </nav>
    <!-- 按钮组 -->
    <div>
        <button class="btn btn-primary me-2" onclick="fetchAllUsers(0)">查看所有账号</button>
        <button class="btn btn-primary me-2" onclick="fetchOnlineUsers(0)">当前在线账号</button>
    </div>
    <div class="d-flex align-items-center gap-3">
        <div class="d-flex align-items-center">
            <span class="me-2 fw-bold">总账号数:</span>
            <span id="all-users-count" class="badge bg-info fs-6">加载中...</span>
        </div>
        <div class="d-flex align-items-center">
            <span class="me-2 fw-bold">在线数:</span>
            <span id="online-users-count" class="badge bg-success fs-6">加载中...</span>
        </div>
    </div>
</div>
<script src="js/status.js"></script>